<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>P2P互联网金融平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/core.css" type="text/css">
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/jquery.bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.bootstrap.min.js"></script>
</head>
<body>
<!-- 网页顶部导航 -->
<div class="el-header">
    <div class="container" style="position: relative;">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="http://localhost:9999/index">首页</a></li>
            <li><a href="http://localhost:9999/login">登录</a></li>
            <li><a href="http://localhost:9999/reg">快速注册</a></li>
            <li><a href="http://localhost:9999/index.jsp#">帮助</a></li>
        </ul>
    </div>
</div>

<!-- 网页导航 -->
<div class="navbar navbar-default el-navbar">
    <div class="container">
        <div class="navbar-header">
            <a href="http://localhost:9999/index">
                <img alt="Brand" src="img/logo.png">
            </a>
        </div>
        <ul class="nav navbar-nav">
            <li id="index" class="active"><a href="http://localhost:9999/index">首页</a></li>
            <li id="invest"><a href="http://localhost:9999/invest">我要投资</a></li>
            <li id="borrow"><a href="http://localhost:9999/borrow_info">我要借款</a></li>
            <li id="personal"><a href="http://localhost:9999/personal">个人中心</a></li>
            <li><a href="http://localhost:9999/index#">新手指引</a></li>
            <li><a href="http://localhost:9999/index#">关于我们</a></li>
        </ul>
    </div>
</div>

<script type="text/javascript">
    $("#"+"index").addClass("active");
</script>

<!-- banner广告部分 start -->
<div class="container-fuil">
    <div id="carousel-banner-generi" class="carousel slide el-banner" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-banner-generi" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-banner-generi" data-slide-to="1"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="img/banner01.jpg" alt="...">
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="img/banner02.jpg" alt="...">
                <div class="carousel-caption"></div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="index.do#carousel-banner-generi" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="index.do#carousel-banner-generi" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!-- banner广告部分 end -->

<!-- 项目3大特色feature -->
<div class="container el-feature">
    <dl class="el-feature-item01">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
    <dl class="el-feature-item02">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
    <dl class="el-feature-item03">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
</div>

<!-- 投资列表 -->
<div class="container el-panel">
    <div class="panel el-panel">
        <div class="panel-title">
					<span class="pull-left">
						进行中借款
					</span>
            <div class="pull-right">
                <a class="btn btn-link " href="invest.do">
                    进入投资列表
                </a>
            </div>
        </div>
        <table class="table el-table table-hover">
            <thead>
            <tr>
                <th>借款人</th>
                <th>借款标题</th>
                <th>年利率</th>
                <th>金额</th>
                <th>还款方式</th>
                <th>借款期限</th>
                <th>进度</th>
                <th width="80px">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>xdcsm</td>
                <td>321312</td>
                <td class="text-info">
                    5%
                </td>
                <td class="text-info">5,000</td>
                <td>按月到期</td>
                <td>12月</td>
                <td>
                    <div class="">
                        0 %
                    </div>
                </td>
                <td><a class="btn btn-danger btn-sm" href="borrow_info.do?id=9">查看</a></td>
            </tr>
            <tr>
                <td>stef</td>
                <td>我穷啊</td>
                <td class="text-info">
                    15%
                </td>
                <td class="text-info">1,200</td>
                <td>等额本息</td>
                <td>6月</td>
                <td>
                    <div class="">
                        100 %
                    </div>
                </td>
                <td><a class="btn btn-danger btn-sm" href="borrow_info.do?id=2">查看</a></td>
            </tr>
            <tr>
                <td>abcde</td>
                <td>111</td>
                <td class="text-info">
                    5%
                </td>
                <td class="text-info">5,000</td>
                <td>等额本息</td>
                <td>3月</td>
                <td>
                    <div class="">
                        100 %
                    </div>
                </td>
                <td><a class="btn btn-danger btn-sm" href="borrow_info.do?id=3">查看</a></td>
            </tr>
            <tr>
                <td>zhangsan</td>
                <td>很急，急需5000买华为p20手机</td>
                <td class="text-info">
                    10%
                </td>
                <td class="text-info">5,000</td>
                <td>等额本息</td>
                <td>6月</td>
                <td>
                    <div class="">
                        100 %
                    </div>
                </td>
                <td><a class="btn btn-danger btn-sm" href="borrow_info.do?id=4">查看</a></td>
            </tr>
            <tr>
                <td>zhangsan001</td>
                <td>借5000玩传奇</td>
                <td class="text-info">
                    6%
                </td>
                <td class="text-info">5,000</td>
                <td>等额本息</td>
                <td>1月</td>
                <td>
                    <div class="">
                        100 %
                    </div>
                </td>
                <td><a class="btn btn-danger btn-sm" href="borrow_info.do?id=5">查看</a></td>
            </tr>
            </tbody>

        </table>
    </div>


    <div class="panel el-panel">
        <div class="panel-title">
					<span class="pull-left">
						企业最新资讯
					</span>
            <div class="pull-right">
                <a class="btn btn-link " href="index.do">
                    更多资讯
                </a>
            </div>
        </div>
        <div class="el-new-list">
            <ul>
                <li>
                    <a href="index.do#">
                        <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                        <span class="pull-right">发表日期：2015-03-23</span>
                        <span class="clearfix"></span>
                    </a>
                </li>
                <li>
                    <a href="index.do#">
                        <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                        <span class="pull-right">发表日期：2015-03-23</span>
                        <span class="clearfix"></span>
                    </a>
                </li>
                <li>
                    <a href="index.do#">
                        <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                        <span class="pull-right">发表日期：2015-03-23</span>
                        <span class="clearfix"></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="container-foot-2">
    <div class="context">
        <div class="left">
            <p>版权所有： 广州xxx科技有限公司</p>
            <p>地  址： 广州市天河区棠下荷光三横路盛达商务园D座5楼</p>
            <p>电  话： 020-29007520  
                邮箱： service@520it.com</p>
            <p>
                <a href="http://www.miitbeian.gov.cn/" style="color: #ffffff">ICP备案
                    ：粤ICP备字1504547</a>
            </p>
            <p>
                <a href="http://www.gzjd.gov.cn/wlaqjc/open/validateSite.do" style="color: #ffffff">穗公网安备：44010650010086</a>
            </p>
        </div>
        <div class="right">
            <a target="_blank" href="http://weibo.com/ITxiaomage"><img src="./P2P互联网金融平台_files/sina.png"></a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
</body></html>